Desarrollo Front End - Desafío Latam
Buscando aprender Frontend para mejorar la interacción y funcionalidad de mis diseños. Mi objetivo es fusionar el diseño visual con el conocimiento técnico para crear interfaces digitales innovadoras y efectivas. Durante 8 meses estuve aprendiendo nuevas herramientas relacionadas a la programación, en un bootcamp dividido en seis módulos.
En el módulo 1, se enseñan los fundamentos del desarrollo web, incluyendo HTML/CSS, control de versiones con GIT, diseño responsive con Bootstrap y buenas prácticas.
El módulo 2 se centra en CSS avanzado, utilizando flexbox y CSS grid para crear diseños modernos y responsivos, además de añadir transformaciones y animaciones.
En el módulo 3, se introduce la programación con JavaScript, abordando conceptos como condiciones, ciclos, funciones, manejo de arrays y objetos, así como el consumo de APIs.
El módulo 4 y 5 se enfocan en React, enseñando a desarrollar sistemas web basados en componentes y profundizando en la creación de aplicaciones web interactivas que manipulan información de APIs.
Finalmente, en el módulo 6, se lleva a cabo un proyecto Frontend completo con React, incluyendo diseño, planificación, desarrollo, despliegue y presentación del proyecto.
Proyectos realizados en el bootcamp
Durante el bootcamp, los proyectos progresaron en dificultad y complejidad, evolucionando desde un simple archivo index hasta estructuras con múltiples carpetas y subcarpetas que integraban una variedad de archivos. A continuación, se presentan algunos proyectos destacados de las etapas finales del programa:
El proyecto consistió en crear una aplicación para propiedades en alquiler y venta, utilizando JavaScript, conectadas a un script que contiene arreglos de propiedades. Se generaron dos arreglos de objetos con al menos cuatro propiedades cada uno, y se utilizaron ciclos para recorrer los arreglos y mostrar las propiedades en las páginas HTML respectivas. Además, se implementaron condicionales para manejar la lógica asociada a permisos de mascotas y fumar en las propiedades. En la página index.html se mostraron solo tres propiedades en venta y tres en alquiler, según los requisitos especificados.
La prueba del módulo 4 requería desarrollar una aplicación que consumiera una API de elección y documentar el proceso en un video. Los pasos incluían limpiar archivos e importaciones innecesarios del proyecto generado con React y Vite, crear una landing page, implementar los componentes para consumir la API y mostrar los resultados, diseñar un componente buscador para filtrar los resultados según criterios relevantes, ordenar los resultados de manera conveniente utilizando métodos como sort y reverse, y finalmente, agregar un diseño coherente a la aplicación.
Natural Pic es una plataforma dirigida a fotógrafos que fomenta la apreciación por el medio ambiente y las fotos de paisajes naturales auténticos. En este desafío, se enfoca en el desarrollo del sistema de likes utilizando Context API para el manejo del estado global y React Router para crear las vistas.
Sitio web que utiliza la API de Pokémon con rutas dinámicas parametrizadas, públicas y privadas, así como contextos, con el fin de crear cartas para presentar las características de los Pokémon.
